<template>
  <h2>我是Home的内容</h2>
</template>

<script>
// export default {
//   name: "Home"
// }
const vuecomponent = Vue.extend({
  name: "Home",
  mounted(){
      /**
       * 路由组件被挂载，会发现当前组件身上多出$route(当前组件路由的配置) $router(路由器配置，所有的路由配置信息都可以看见,每个vueComponent身上的router都一样)
       */
      console.log("Home组件被挂载了");
      windows.homeRoute = this.$route;
      windows.homeRouter = this.$router;
  },
   //组件被切走就会导致组件销毁
  destroyed() {
    console.log("Home组件被销毁了");
  },
})
export default vuecomponent;
</script>

<style scoped>
</style>
